import React from 'react'
import { Outlet, NavLink } from "react-router-dom";
import { homePath } from "../../router/routerConfig"
import { Tabbar } from 'react-vant';
function Home() {
    console.log(homePath);
    
    return (
        <div className="home">
            <main><Outlet></Outlet></main>
            <footer>
                <Tabbar>
                    {
                        homePath.map((item, index) => {
                            return <Tabbar.Item icon={item.icon} key={index}>
                                <NavLink to={item.path}>{item.title}</NavLink>
                            </Tabbar.Item>
                        })
                    }
                </Tabbar>
            </footer>
        </div>
    )
}

export default Home